<!--
 * @description  :  案件-特殊编号展示组件
 * @descriptionDetail:  案件-特殊编号展示组件
 * @copyright    : 浙江烟草
 * @author       : wxy
 * @create       : 2022-09-26 15:57:44
-->
<template>
  <view>
    <u-row gutter="16">
      <u-col :span="client.checkStatus ? '9' : '12'">
        <view class="title">
          <u-icon
            :label="client.companyName"
            size="30"
            name="../../../static/storage/icon_qyb.png"
          ></u-icon>
        </view>
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          {{ client.managerName || "" }}
        </view>
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          {{ client.superviseItemName || "" }}
        </view>
      </u-col>
    </u-row>
  </view>
</template>
<script>
export default {
  name: "AreasItem",
  props: {
    client: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      tels: [],
      clickSpecialData: {},
      signList: [],
      signSheetShow: false,
    };
  },
};
</script>
<style lang="scss" scoped>
.title {
  font-size: 15px;
  color: #666;
  font-weight: 600;
  margin: 5px 10px;
}
.sub-title {
  color: #666;
  margin: 3px 4px;
}
.address {
  padding-left: 4px;
}
.status {
  padding: 2px;
  width: 112rpx;
  height: 56rpx;
  line-height: 48rpx;
  text-align: center;
  border-radius: 28rpx;
  float: right;
  font-size: 24rpx;
}
// 灰色
.status-00 {
  color: #717579;
  background: #edeeef;
}
// 蓝色
.status-01 {
  color: #0079f2;
  background: #e0ecff;
}
// 绿色
.status-02 {
  color: #20ab5c;
  background: #dbf4e6;
}
</style>
